@media screen and ( max-width:1600px ){
	.headDiv .logoDiv{ padding:0 40px}
	.indexCase .slick .contentBox{ padding:100px 0 0 90px;}

	
	}
@media screen and ( max-width:1440px ){
	.headDiv .logoDiv{ padding:0 15px}
	.headDiv .topRight li{ width:74px;}
	.headDiv .topRight li em{ width:74px;}
	.headDiv .topRight li a{ width:74px;}
	.indexPart4 .title{ top:25px;}
	.indexCase .slick .name{ padding-bottom:15px;}
	.indexCase .slick .contentBox{ padding:75px 0 0 90px;}	
	.indexCase .slick .content{ margin-bottom:5px;}

	}
@media screen and ( max-width:1366px ){
	.headDiv .topRight li{ width:64px;}
	.headDiv .topRight li em{ width:64px;}
	.headDiv .topRight li a{ width:64px;}
	.indexNews .slick-prev{ left:-30px;}
	.indexNews .slick-next{ right:-30px;}

	
	}
@media screen and ( max-width:1004px ){
	.wal{width:100%;}
	.headDiv{height:60px;}
	.headDiv .topLeft{ position:absolute; left:0px; top:0px; z-index:11;}
	.headDiv .wal{ position:relative; height:60px;}
	.headDiv .logoDiv{ height:60px; padding:0 10px}
	.headDiv .logoDiv img{ position:relative; top:18px; width:160px;}
	.nav, .headDiv .topRight, .banner, .footDiv, .foot, .pageBanner, .pageNav, .pageNum{ display:none;}
	.navIco{ display:block; position:absolute; right:0px; top:0px; width:70px; height:60px; background:#f5f5f5;}
	.navIco img{ height:24px; position:relative; left:20px; top:18px;}
	.indexFlashTel, .footTel, .pageMore{ display:block;}
	.indexPart1{ padding:50px 10px;}
	.indexPart1 .contentBox{ height:auto; background:none;}
	.indexPart1 .title{ font-size:18px;}
	.indexPart1 .title em{ padding-left:10px; font-size:12px;}
	.indexPart1 .imgDiv{ padding:30px 0 0 0px;}
	.indexPart1 .imgDiv img{ width:100%;}
	.indexPart1 .rightDiv{ width:auto; padding-top:15px;}
	.indexPart1 .name{ height:66px; line-height:66px; font-size:18px;}
	.indexPart1 .list{ position:relative; bottom:0px; right:0px; height:auto; padding-top:20px;}
	.indexPart1 .list li{ width:25%; height:100px;}
	.indexPart1 .list li a{ width:100%; height:100px;}
	.indexPart1 .list li .ico{ padding:24px 0 15px;}
	.indexPart1 .list li .img1{ display:none;}
	.indexPart1 .list a:hover{ background:url(bg1.png) repeat; color:#fff;}
	.indexPart1 .list a:hover .img1{ display:inline-block;}
	.indexPart1 .list a:hover img{ display:none;}
	.indexPart2{ height:auto; padding-bottom:20px;}
	.indexPart2 .fl, .indexPart2 .fr{ float:none;}
	.indexPart2 .leftDiv{ padding:25px 10px; width:auto; background:url(bg1.png) repeat; position:relative; height:40px;}
	.indexPart2 .title{ font-size:18px;}
	.indexPart2 .title em{ padding-left:10px; font-size:12px;}
	.indexPart2 .btnDiv{ padding-top:0px; position:absolute; right:10px; top:28px;}
	.indexPart2 .btnDiv a{ width:118px; height:30px; line-height:30px; text-indent:20px;}
	.indexPart2 .list{ padding-left:10px; padding-top:30px;}
	.indexPart2 .list li{ width:50%; height:120px; margin-left:0px; margin-bottom:10px;}
	.indexPart2 .list li .box{ margin-right:10px;}
	.indexPart2 .list li a{ width:100%; height:120px;}
	.indexPart2 .list li .ico{ padding:24px 0 15px;}
	.indexPart2 .list li .img1{ display:none;}
	.indexPart2 .list a:hover{ background:url(bg1.png) repeat; color:#fff;}
	.indexPart2 .list a:hover .img1{ display:inline-block;}
	.indexPart2 .list a:hover img{ display:none;}
	.indexPart3{ padding:50px 10px;}
	.indexPart3 .title{ font-size:18px;}
	.indexPart3 .title em{ padding-left:10px; font-size:12px;}
	.indexPart3 .tab2{ position:relative; width:300px; margin:15px auto 0;}
	.indexPart3 .tab2 li{ font-size:12px; width:60px; height:26px;}
	.indexPart3 .list{ padding-top:30px;}
	.indexPart3 .list ul{ margin-right:-10px;}
	.indexPart3 .list li{ width:50%; margin-bottom:20px;}
	.indexPart3 .list li .box{ width:auto; height:auto; margin-right:10px;}
	.indexPart3 .list li .imgDiv img{ width:100%;}
	.indexPart3 .list li .botDiv{ height:80px;}
	.indexPart3 .list li .name{ font-size:16px; padding-top:10px;}
	.indexPart3 .btnDiv{ width:150px; height:40px;}
	.indexPart3 .btnDiv a{ width:148px; height:38px; line-height:38px;}
	.indexPart4{ padding:20px 0 0;}
	.indexPart4 .title{ position:relative; left:0; margin-left:0px; top:0px; height:46px; font-size:18px; color:#144F5E; padding-left:10px; background:url(ico2.png) 10px top no-repeat;}
	.indexPart4 .title em{ padding-left:10px; font-size:12px; color:#dee2e7;}
	.indexCase .slick .imgDiv{ width:100%;}
	.indexCase .slick .rightDiv{ width:100%; padding-bottom:30px;}
	.indexCase .slick .contentBox{ padding:20px 10px 0 10px;}
	.indexCase .slick .name{ font-size:18px; padding-bottom:20px;}
	.indexCase .slick .msgList{ width:100%;}
	.indexCase .slick .content{ width:100%; padding-top:20px; margin-bottom:25px;}
	.indexCase .slick .more{ width:78px; background:url(nimg32_1on.png) right center no-repeat; display:block; height:30px; line-height:30px; color:#fff;}
	.indexCase .slick-dots{ left:auto; margin-left:0px; right:10px; bottom:40px;}
	.indexCase .slick-dots li{display:inline-block; margin-right:10px; width:10px; height:10px; background:url(ico3.png) no-repeat;}
	.indexCase .slick-dots .slick-active{background:url(ico3on.png) no-repeat;}
	.indexPart4 .btnDiv{ display:none}
	.indexPart5{ padding:50px 10px;}
	.indexPart5 .title{ font-size:18px; height:46px;}
	.indexPart5 .title em{ padding-left:10px; font-size:12px;}
	.indexPart5 .links{ position:relative; width:210px; margin:0 auto;}
	.indexPart5 .links li a{ height:30px;}
	.indexNews{ padding:28px 0;}
	.indexNews .slick-list{ padding-top:20px;}
	.indexNews .slick{ width:auto; padding:0 10px 0 175px; height:115px; margin:0;}
	.indexNews .slick .imgDiv{ left:10px; top:10px;}
	.indexNews .slick .imgDiv img{ width:150px;}
	.indexNews .slick .name{ padding-top:18px; font-size:16px; height:20px; overflow:hidden;}
	.indexNews .slick .time{ padding:12px 0 15px; border-bottom:none;}
	.indexNews .slick .content{ display:none;}
	.indexNews .slick .more{ display:none;}
	.indexPart5 .btnDiv{ padding-top:10px; width:150px; height:40px; margin:0 10px 0 0;}
	.indexPart5 .btnDiv a{ width:148px; height:38px; line-height:38px;}
	.pageBox{ padding:40px 10px 50px; background:url(bg3.png) top repeat-x;}
	.pageBox2{ padding:20px 10px 50px; background:url(bg3.png) top repeat-x;}
	.about{ padding-bottom:0px;}
	.about .title{ font-size:18px; padding-left:20px;}
	.about .part1{ padding-bottom:50px;}
	.about .part1 .imgDiv{ padding:30px 0;}
	.about .part1 .imgDiv img{ width:100%;}
	.about .list{ width:100%; padding:30px 0;}
	.about .list li{ width:33.33%; height:100px;}
	.about .list .li01{ background:#eee;}
	.about .list li .ico{ padding:18px 0 10px;}
	.about .contentBox{ padding-top:30px;}
	.about .part2 .imgDiv{ height:auto; background:none;}
	.about .part2 .imgDiv img{ width:100%;}
	.about .part2 .rightDiv{ padding-left:0px; width:100%; height:auto; background:none;}
	.about .part2 .icon{ padding-top:35px;}
	.about .part2 .icon img{ width:200px;}
	.about .part2 .msg{ padding-top:30px; color:#999; font-size:14px; line-height:24px;}
	.culture{ padding-bottom:0px;}
	.culture .title{ font-size:18px; padding-left:20px;}
	.culture .txt{ padding:20px 0 15px;}
	.culture .imgDiv img{ width:100%;}
	.culture .list li{ padding-left:90px; height:auto; min-height:90px; padding-bottom:20px;}
	.culture .list li .num{ top:30px; font-size:74px; }
	.culture .list li .name{ padding:45px 0 15px; font-size:16px; color:#144F5E; font-weight:bold;}
	.culture .list li .msg{ font-size:14px; color:#999; line-height:24px;}
	.culture .content2{ padding-top:20px;}
	.contact{ padding-bottom:0px;}
	.contact .fl, .contact .fr{ float:none;}
	.contact .part1 .leftDiv{ width:100%;}
	.contact .part1 .name{ padding-left:20px; background:url(ico4.png) left 3px no-repeat; height:auto; padding-bottom:10px;}
	.contact .part1 .list{ padding-top:20px; padding-bottom:20px;}
	.contact .part1 .list li{ font-size:14px; color:#999; margin-bottom:15px;}
	.contact .part1 .list li em{ padding-right:15px;}
	.contact .part1 .rightDiv{ width:100%;}
	.contact .part1 .mapDiv{ margin-top:30px;}
	.contact .part1 .mapDiv img{ width:100%;}
	.contact .part2{ padding-top:50px;}
	.contact .part2 .title{ padding-left:20px;}
	.contact .part2 .list{ padding-top:25px;}
	.contact .part2 .list ul{ margin-right:0px;}
	.contact .part2 .list li{ margin-bottom:20px; width:100%;}
	.contact .part2 .list li .box{ margin-right:0px; width:auto; height:auto; padding-bottom:20px;}
	.history{ padding-bottom:0px;}
	.history .imgDiv{ padding-left:85px;}
	.history .list{ background:url(line1.jpg) 115px top repeat-y; padding:40px 0 20px;}
	.history .list li{ padding-left:150px; min-height:50px; padding-bottom:60px;}
	.history .list li .time{ width:94px; height:30px; background-size:94px; line-height:30px; text-indent:10px;}
	.history .list li .ico{ left:105px; top:6px;}
	.history .list li .content{ padding-top:2px;}
	.video .list{ padding-bottom:20px;}
	.video .list ul{ margin-right:-10px;}
	.video .list li{ width:50%; margin-bottom:10px;}
	.video .list li .box{ width:auto; height:auto; margin-right:10px;}
	.video .list li .imgDiv img{ width:100%;}
	.video .list li .name{ padding-top:10px; height:48px; overflow:hidden; line-height:24px;}
	.videoShow{ padding-bottom:10px;}
	.videoShow .name{ font-size:20px; padding-bottom:10px;}
	.videoShow .time{ padding-bottom:10px;}
	.videoShow .imgDivBox{ width:100%; padding-top:30px;}
	.videoShow .imgDiv img{ width:100%;}
	.videoShow .ico img{ width:50px;}
	.videoShow .txt{ padding:30px 0 25px;}
	.videoShow .content{ padding-bottom:50px;}
	.videoShow .share{ float:right; padding-left:56px; position:relative; height:27px; line-height:27px; font-size:14px;}
	.videoShow .share em{ position:absolute; left:0px; top:0px;}
	.videoShow .share li{ float:left; margin-left:10px;}
	.pageDown{height:165px; position:relative;}
	.pageDown .btn{position:relative; top:20px; width:138px; height:38px; line-height:38px;}
	.productTab{ width:100%; height:100px;}
	.productTab ul{ margin:0 -5px;}
	.productTab li{ width:33.33%;}
	.productTab li .box{ margin:0 5px;}
	.product .list ul{ margin-right:-10px;}
	.product .list li{ width:50%; margin-bottom:20px;}
	.product .list li .box{ width:auto; height:auto; margin-right:10px;}
	.product .list li .imgDiv img{ width:100%;}
	.product .list li .botDiv{ height:80px;}
	.product .list li .name{ font-size:16px; padding-top:10px;}
	.productShow .part1{ height:auto; padding-left:0px;}
	.productShow .part1 .imgDiv{ position:relative;}
	.productShow .part1 .imgDiv img{ width:100%;}
	.productShow .part1 .name{ height:auto; font-size:18px; padding:20px 0 15px;}
	.productShow .part1 .content{ padding-top:20px;}
	.productShow .part1 .botDiv{ position:relative; left:0; width:100%; padding-top:30px;}
	.productShow .part1 .num{ font-size:28px;}
	.productShow .part1 .btnDiv{ position:relative; padding-top:30px;}
	.productShow .part1 a{ width:138px; height:38px; line-height:38px;}
	.productShow .part2{ padding-top:50px;}
	.productShow .title{ height:40px; margin-bottom:30px;}
	.productShow .title p{ width:168px; height:40px; background-size:168px; line-height:40px;}
	.productShow .title a{ line-height:40px;}
	.productShow .tableList li{ padding:15px 0; padding-left:170px;}
	.productShow .tableList li em{ width:150px; line-height:50px;}
	.productShow .part3{ padding-top:50px;}
	.productShow .list{ padding-bottom:50px;}
	.productShow .list ul{ margin-right:-10px;}
	.productShow .list li{ width:50%;}
	.productShow .list li .box{ width:auto; margin-right:10px;}
	.productShow .list li .imgDiv img{ width:100%;}
	.productShow .list li .name{ font-size:14px; height:40px; line-height:40px;}
	.case{ padding-bottom:50px;} 
	.case .list li{ height:auto; padding:25px 0 25px 0;}
	.case .list li .imgDiv{ position:relative; top:0px;}
	.case .list li .imgDiv img{ width:100%;}
	.case .list li .name{ height:auto; padding:20px 0 15px;}
	.case .list li .content{ padding-top:20px;}
	.case .list .li01{ padding-right:0;}
	.caseShow .name{ font-size:20px; padding-bottom:10px;}
	.caseShow .msgList{ border-top:#eee solid 1px; border-bottom:#eee solid 1px; height:auto; padding:12px 0;}
	.caseShow .msgList li{ float:none; width:100%; background:none; height:30px; line-height:30px; text-align:left;}
	.caseShow .txt{ padding:28px 0 15px;}
	.caseShow .bigBox{ padding-bottom:50px;}
	.casePic .slick .imgDiv img{ width:100%;}
	.research{ padding-bottom:0px;}
	.research li{ padding:20px 0; padding-left:95px; padding-right:10px;}
	.research li em{ width:75px; line-height:60px; font-size:20px;}
	.customize{ padding-bottom:0px;}
	.customize .list{ width:100%; padding:30px 0;}
	.customize .list li{ width:33.33%; height:100px;}
	.customize .list .li01{ background:#eee;}
	.customize .list li .ico{ padding:18px 0 10px;}
	.customize .imgDiv img{ width:100%;}
	.install{ padding-bottom:0px;}
	.install .imgDiv img{ width:100%;}
	.service{ padding-bottom:0px;}
	.service .txt{ font-size:18px;}
	.service .txt b{ padding-left:20px;}
	.service .list{ padding-top:35px;}
	.service .list li{ padding-left:190px; min-height:60px; margin-bottom:30px;}
	.service .list li .name{ width:167px; height:60px; background-size:167px; line-height:60px;}
	.service .list li .name img{ top:-18px;}
	.service .list .li01 .name{ background-size:167px;}
	.service .content{ padding:30px 0;}
	.service .imgDiv img{ width:100%;}
	.news .list li{ height:115px; padding-left:165px;}
	.news .list li .imgDiv{ width:148px; top:10px;}
	.news .list li .imgDiv img{ width:148px;}
	.news .list li .timeDiv{ display:none;}
	.news .list li .name{ padding-top:12px; height:30px; position:relative; font-size:16px; line-height:30px;}
	.news .list li .content{ padding-top:10px; height:48px; margin-bottom:0px;}
	.news .list li .btnDiv{ display:none;}
	.newShow{ padding-bottom:10px;}
	.newShow .name{ font-size:20px; padding-bottom:10px;}
	.newShow .time{ padding-bottom:10px;}
	.newShow .imgDiv img{ width:100%;}
	.newShow .content{ padding-bottom:50px;}
	.concept .list li{ height:auto; min-height:100px; padding-left:158px; margin-bottom:30px; padding-bottom:16px;}
	.concept .list li .leftDiv{ width:140px; height:100%;}
	.job{ padding-bottom:0px;}
	.job .list ul{ margin-right:0px;}
	.job .list li{ float:none; margin-bottom:15px; width:100%;}
	.job .list li .box{ width:100%; margin-right:0px;}
	.job .list li .botDiv{ padding:18px 0 0 20px;}
	.job .list li .botDiv dd{ padding-left:103px;}
	.jobShow{ padding-bottom:0px;}
	.jobShow .name{ font-size:20px; padding-bottom:15px;}
	.jobShow .list li{ width:50%;}
	.jobShow .title{ padding:25px 0 10px;} 
	.jobShow .btnGroup{ padding-top:30px;}
	.jobShow .btnGroup li{ margin-right:10px;}
	.jobShow .btnGroup a{ width:138px; height:38px; line-height:38px;}
	.lyb{ padding-bottom:0px;}
	.lyb .msg{ font-size:14px; text-align:left; height:auto;}
	.lyb .msg em{ display:none;}
	.lyb .list{ padding:30px 0 0;}
	.lyb .list ul{ margin-right:0px;}
	.lyb .list li{ float:none; height:70px; width:100%;}
	.lyb .list li .box{ width:auto; height:50px; margin-right:0px; padding-left:65px;}
	.lyb .list li .icoDiv{ width:65px;}
	.lyb .list .li01 .box{ width:auto; margin-right:0px;}
	.lyb .list .li01 .icoDiv{ height:198px;}
	.lyb .list .li01 .icoDiv img{ top:83px;}
	.lyb .list textarea{ width:95%;}
	.lyb .btnGroup{ width:100%;}
	.lyb .btnGroup li{ margin:0 10px 0 0;}
	.lyb .btnGroup a{ width:138px; height:38px; line-height:38px;}


	}